{% extends 'layui/includes/ztree_select.html' %}
{% block refresh_onchange %}
    function refresh_{{ widget.attrs.model }} (data){
        var widget_name = '{{ widget.name }}', widget_model = '{{  widget.attrs.onchange_field }}', widget_stamp = '{{ widget.attrs.stamp }}';
        var partenr_element = $("div[id^='{{  widget.attrs.onchange_field }}']");
        for(var i=0;i<partenr_element.length;i++){
            if($(partenr_element[i]).parent().parent().hasClass('field-{{  widget.attrs.onchange_field }}')){
                partenr_element = $(partenr_element[i]).parent();
                break;
            }else if($(partenr_element[i]).parent().parent().hasClass('layui-input-inline')){
                if($(partenr_element[i]).parent().parent().parent().hasClass('field-{{  widget.attrs.onchange_field }}')){
                    partenr_element = $(partenr_element[i]).parent();
                    break;
                }
            }
        }
        partenr_element.empty()
        var timestamp = Date.parse(new Date());
        partenr_element.append("<div id=" + "{{  widget.attrs.onchange_field }}" + timestamp + " class='layui-form-select tree-select'></div>");
        var form_layui = $('#{{ widget.name }}{{ widget.attrs.stamp }}_hide');
        var obj_id = form_layui.find('input[name="{{ widget.name }}"]').val();
        if(obj_id !== undefined){
                var url = '/personnel/api/{{  widget.attrs.onchange_field_model }}s/?page=1&page_size=1000000&{{  widget.attrs.filter_field }}='+ obj_id;
        }else{
              var url = '/personnel/api/{{  widget.attrs.onchange_field_model }}s/?id=0&page_size=1000000';
        }
        $.ajax({
            url: url
            , type: "GET"
            , dataType: "json"
            , success: function (response, xhr) {
              var list_data = response.data;
              var list_data_show=new Array()
              console.log( new Date())
              for(var i=0;i<list_data.length;i++){
                  list_data_show[i] = {"id":list_data[i].id,"name":list_data[i].{{  widget.attrs.onchange_api_name }}_name};
                  if (list_data[i].{{   widget.attrs.onchange_parent_name }}!=null){
                        list_data_show[i].pId = list_data[i].{{   widget.attrs.onchange_parent_name }}.id
                }
              }
              $("#{{  widget.attrs.onchange_field }}" + timestamp).zTreeSelect({
                model: '{{  widget.attrs.onchange_field_model }}',
                name:'{{  widget.attrs.onchange_field }}',
                stamp: timestamp,
                input_type: "{{ widget.attrs.onchange_input_type }}",
                data: list_data_show
              });
            }
            , error: function (xhr, error, e) {
            }
        });
    }
{% endblock %}

{% block refresh_Multionchanges %}
    function refresh_Multionchanges_{{ widget.attrs.model }} (){
       {% for Multionchanges_new_attrs_i in widget.attrs.Multionchanges_new_attrs %}
                 var widget_name = '{{ widget.name }}', widget_model = '{{  Multionchanges_new_attrs_i.onchange_field }}', widget_stamp = '{{ widget.attrs.stamp }}';
        var partenr_element = $("div[id^='{{  Multionchanges_new_attrs_i.onchange_field }}']");
        for(var i=0;i<partenr_element.length;i++){
            if($(partenr_element[i]).parent().parent().hasClass('field-{{  Multionchanges_new_attrs_i.onchange_field }}')){
                partenr_element = $(partenr_element[i]).parent();
                break;
            }else if($(partenr_element[i]).parent().parent().hasClass('layui-input-inline')){
                if($(partenr_element[i]).parent().parent().parent().hasClass('field-{{  Multionchanges_new_attrs_i.onchange_field }}')){
                    partenr_element = $(partenr_element[i]).parent();
                    break;
                }
            }
        }
        partenr_element.empty()
        var timestamp = Date.parse(new Date());
        partenr_element.append("<div id=" + "{{  Multionchanges_new_attrs_i.onchange_field }}" + timestamp + " class='layui-form-select tree-select'></div>");
        var form_layui = $('#{{ widget.name }}{{ widget.attrs.stamp }}_hide');
        var obj_id = form_layui.find('input[name="{{ widget.name }}"]').val();
        if(obj_id !== undefined){
                var url = '/{{ Multionchanges_new_attrs_i.onchange_app_name }}/api/{{   Multionchanges_new_attrs_i.onchange_field_model }}s/?page=1&page_size=1000000&{{  widget.attrs.filter_field }}='+ obj_id;
        }else{
              var url = '/{{ Multionchanges_new_attrs_i.onchange_app_name }}/api/{{   Multionchanges_new_attrs_i.onchange_field_model }}s/?id=0&page_size=1000000';
        }
        $.ajax({
            url: url
            , type: "GET"
            , dataType: "json"
            , success: function (response, xhr) {
              var list_data = response.data;
              var list_data_show=new Array()
              console.log( new Date())
              for(var i=0;i<list_data.length;i++){
                  list_data_show[i] = {"id":list_data[i].id,"name":list_data[i].{{   Multionchanges_new_attrs_i.onchange_api_name }}};
                  if (list_data[i].{{  Multionchanges_new_attrs_i.onchange_parent_name }}!=null){
                        list_data_show[i].pId = list_data[i].{{  Multionchanges_new_attrs_i.onchange_parent_name }}.id
                }
              }
              $("#{{  Multionchanges_new_attrs_i.onchange_field }}" + timestamp).zTreeSelect({
                model: '{{  Multionchanges_new_attrs_i.onchange_field_model }}',
                name:'{{  Multionchanges_new_attrs_i.onchange_field }}',
                stamp: timestamp,
                input_type: "{{ Multionchanges_new_attrs_i.input_type }}",
                data: list_data_show
              });
            }
            , error: function (xhr, error, e) {
            }
        });
        {% endfor %}

    }
{% endblock %}